<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新东方顶部导航菜单</title>
    <link href="CSS/课后作业三.css" rel="stylesheet"/>
</head>
<body>
        <div class="d1">
            <div class="d2"><img src="image/logo.gif"/></div>
            <div class="d3"><img src="image/open_icon.gif"/></div>
            <div class="d4">
                <ul>
                    <li><a href="">购物车</a></li>
                    <li><a href="">优惠券</a></li>
                    <li><a href="">快速注卡</a></li>
                    <li><a href="">各地购课</a></li>
                    <li><a href="">手机报</a></li>
                    <li><a href="">网站导航</a></li>
                </ul>
            </div>
            <div class="d5">
                <ul>
                    <li>托福&nbsp;&nbsp; 雅思&nbsp;&nbsp; 考研&nbsp;&nbsp; 职称英语</li>
                    <li>初中&nbsp;&nbsp; 日语</li><hr/>
                    <li>网络课堂&nbsp;&nbsp; 资讯中心&nbsp;&nbsp; 知识堂</li>
                    <li>大师讲坛&nbsp;&nbsp; 学习论坛&nbsp;&nbsp; 学词</li>
                    <li>考研搜校</li><hr/>
                    <li>M-Zone&nbsp;&nbsp; 手机报&nbsp;&nbsp; 时时英语</li>
                </ul>
            </div>
        </div>
</body>
</html>